// path /node_modules/element-ui/packages/theme-chalk/src/common/var.scss
$nav-height: 56px; /* 顶部高度 */

@mixin clearfix {
    zoom: 1;
    &::after,
    &::before {
        display: table;
        width: 0;
        height: 0;
        clear: both;
        visibility: hidden;
        content: '';
    }
}

@mixin beautiful-scrollbar($w: 6px, $h: 6px) {
    &::-webkit-scrollbar {
        /*滚动条整体样式,高宽分别对应横竖滚动条的尺寸*/
        width: $w;
        height: $h;
    }
    &::-webkit-scrollbar-track-piece {
        /* 滚动条的内层滑轨背景颜色 */
        background-color: #fff;
    }
    &::-webkit-scrollbar-track {
        /* 滚动条的外层滑轨背景颜色 */
        background-color: #fff;
        box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
    }
    &::-webkit-scrollbar-thumb {
        /*滚动条的内层滑块*/
        background-color: rgba(0, 0, 0, 0.3);
        border-radius: 4px;
    }
    &::-webkit-scrollbar-button {
        /* 滚动条两边的微调按钮 */
        display: none;
        background-color: #fff;
    }
}

@mixin text-over-ellipsis {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

@mixin none-scrollbar {
    scroll-behavior: smooth;
    &::-webkit-scrollbar {
        display: none !important;
        width: 0 !important;
        height: 0 !important;
        background-color: transparent;
        opacity: 0;
    }
}
